<%--
  Created by IntelliJ IDEA.
  User: 25131
  Date: 2021/11/5
  Time: 19:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收银台</title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/ready_pay.css">

    <script src="${pageContext.request.contextPath}/res/jquery/jquery-3.5.1.min.js"></script>

</head>
<body>

<%
    String str = request.getParameter("newMyOrderId");
    int id = Integer.parseInt(str);
%>

    <!-- 整个页面 -->
    <div data-v-51f7b13e id="indexBlurId">
        <!-- 真个页面的div -->
        <div data-v-b87f26b6 data-v-51f7b13e class="page-inner">
            <!-- 中间盒子 -->
            <div data-v-b87f26b6 class="page-inner-wrap">
                <!-- 顶部log、用户信息、我的订单 -->
                <div data-v-4f5dd75c data-v-51f7b13e class="head-info" data-v-b87f26b6>
                    <!-- 左边 log 样式 -->
                    <div data-v-4f5dd75c class="head-info-left">
                        <a data-v-4f5dd75c href="#none">
                            <!---->
                            <!-- 图片样式 -->
                            <img data-v-4f5dd75c src="" alt="" class="head-info-logo">
                        </a>
                    </div>

                    <!-- 右边登录用户、我的订单 -->
                    <div data-v-4f5dd75c class="head-info-right narmal-info float-right">
                        <!-- 用户信息 -->
                        <span data-v-4f5dd75c>
                            <a data-v-4f5dd75c href="#none" class="narmal-info">古风尚存</a>
                            <!-- 中间标志 -->
                            <div data-v-40a0ac98 data-v-4f5dd75c class="base-line">|</div>
                        </span>
                        <!-- 我的订单信息 -->
                        <span data-v-4f5dd75c>
                            <a data-v-4f5dd75c href="#none" class="narmal-info">我的订单</a>
<%--                            <div data-v-40a0ac98 data-v-4f5dd75c class="base-line">|</div>--%>
                        </span>
                        <!-- 还有一个a标签 使用帮助 -->
                    </div>

                </div>

                <!-- 下面直到去支付 -->
                <div data-v-51f7b13e data-v-b87f26b6 class="index-content">
                    <div data-v-51f7b13e data-v-b87f26b6>
                        <div data-v-78b9addd data-v-51f7b13e data-v-b87f26b6>
                            <!-- 上面的订单过期倒计时，订单编号等信息 -->
                            <div data-v-78b9addd class="order-info float-clear">
                                <!-- 左边的 倒计时、提示信息 -->
                                <div data-v-78b9addd class="float-left order-info-left float-clear">
                                    <!-- 放图像、美化 -->
                                    <div data-v-78b9addd class="float-left order-info-left-qrblock">
                                        <img data-v-78b9addd src="" alt="" class="order-info-left-qr">
                                        <!-- 无用的盒子 -->
                                        <div data-v-78b9addd class="order-info-left-qrcircle">
                                            <span data-v-78b9addd></span>
                                        </div>
                                    </div>
                                    <!-- 订单的详细信息 -->
                                    <div data-v-78b9addd class="float-left order-info-left-detail">
                                        <!-- 倒计时、提示信息 -->
                                        <div data-v-78b9addd class="order-info-left-detail-item-title">
                                            订单提交成功，请尽快支付！
                                            <span data-v-78b9addd>订单号：231780088612</span>
                                        </div>
                                        <!-- 下面的显示信息 -->
                                        <div data-v-78b9addd>
                                            <span data-v-78b9addd class="duogezitiyangshi">
                                                推荐使用支付宝扫码支付
                                                <div data-v-40a0ac98 data-v-78b9addd class="base-line">|</div>
                                            </span>

                                            <!-- 倒计时 -->
                                            <span data-v-78b9addd class="duogezitiyangshi">
                                                请您在
                                                <span data-v-78b9addd class="order-count-down">
                                                    <span data-v-78b9addd>0天</span>
                                                    <span data-v-78b9addd>0时</span>
                                                    <span data-v-78b9addd>0分</span>
                                                    <span data-v-78b9addd>0秒</span>
                                                </span>
                                                内完成支付，负责订单会自动取消！
                                            </span>
                                        </div>

                                        <!-- 盒子有样式，但没有内容 -->
                                        <div data-v-78b9addd>
                                            <!---->
                                            <!---->
                                        </div>

                                    </div>
                                </div>
                                <!-- 右边的价格订单详情信息 -->
                                <div data-v-78b9addd class="float-right order-info-right order-info-right">
                                    <div data-v-78b9addd>
                                        <em data-v-78b9addd class="duogezitiyangshi">应付金额</em>
                                        <strong data-v-78b9addd class="pay-price">1699.00</strong>
                                        <em data-v-78b9addd class="duogezitiyangshi">元</em>
                                    </div>
                                    <!-- 订单详情 点击显示 -->
                                    <div data-v-78b9addd class="order-info-right-btn">
                                        <a data-v-78b9addd href="javascript:;" class="link dingdanxaingqinganniu">
                                            订单详情
                                            <span data-v-78b9addd class="icons icons-jiantou-down"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                            <!-- 订单详情信息 -->
<%--                            <div data-v-78b9addd id="orderDetail" class="order-info-detail order-info-fold">--%>
                            <div data-v-78b9addd id="orderDetail" class="order-info-detail">
                                <!-- 订单盒子信息 -->
                                <div data-v-78b9addd class="order-info-detail-inner">
                                    <!-- 收货地址信息 -->
                                    <div data-v-78b9addd>
                                        <!-- 收货地址 -->
                                        <span data-v-78b9addd class="xiangxixinxi">收货地址：河南商丘市梁园区平台街道北海东路66号商丘学院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                        <span data-v-78b9addd class="xiangxixinxi">收货人：**来&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                        <span data-v-78b9addd class="xiangxixinxi">****5563</span>
                                    </div>
                                    <!-- 商品信息描述 -->
                                    <div data-v-78b9addd class="xiangxixinxi">
                                        商品名称：OPPO K9s 6+128GB 幻紫流沙 骁龙778G 120Hz电竞屏 5000mAh长续航 6400万人像三摄 游戏拍照 5G手机,京鱼座小战鼓 蓝牙音箱 户外便携迷你音箱 无线蓝牙免提通话
                                    </div>
                                </div>
                            </div>

                        </div>

                        <!-- 支付信息 -->
                        <div data-v-8070e118 data-v-51f7b13e class="index-channel" data-v-b87f26b6>
                            <div data-v-8070e118 class="index-channel-notice float-clear">
                                <span data-v-8070e118></span>
                                <span data-v-8070e118 class="float-right index-channel-notice-info">

                                </span>
                            </div>

                            <!-- 下方的选择信息 -->
                            <div data-v-7abffc78 data-v-51f7b13e data-v-8070e118>
                                <div data-v-7abffc78>
                                    <!-- 小的选择信息 -->
                                    <div data-v-7abffc78 class="pay-channel-wrapper pay-channel-wrapper-ed pay-channel-wrapper-margin">
                                        <!-- 支付宝支付图标 -->
                                        <span data-v-7abffc78>
                                            <img data-v-7abffc78 src="${pageContext.request.contextPath}/images/zhifubaotubiao.png" class="index-channel-notice-paylogo">
                                            <div class="zhifubaomajizhifu">支付：2299.00元</div>
                                            <div style="height: 80px;"></div>
                                            <div class="mayijinfuwishi">
                                                暂时仅支持蚂蚁金服支付宝支付，其他支付方式正在完善中，敬请期待！
                                            </div>
<%--                                            <span data-v-7abffc78 class="index-channel-notice-paylogo">支付宝支付</span>--%>
                                        </span>
                                        <!-- 支付宝支付 -->
                                        <div data-v-7abffc78>
                                            <div data-v-1e0731fd data-v-7abffc78>
                                                <!-- 先不写 -->
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- 支付按钮 下面div中的tiperror没有加 -->
                                <div data-v-294cbb76 data-v-7abffc78 class="validate">
                                    <div data-v-294cbb76 class="pay-button-wrapper">
                                        <!-- 支付按钮 -->
                                        <div data-v-e1966844 data-v-294cbb76>
                                            <div data-v-e1966844 class="base-button pointer-g">立即支付</div>
                                            <div data-v-e1966844 class="base-button-error"></div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <!-- 树懒商城的提示信息 -->
                        <div data-v-51f7b13e data-v-b87f26b6 class="index-plate-form">
                            <div data-v-5c367922 data-v-51f7b13e class="plate-form" data-v-b87f26b6>
                                <div data-v-5c367922 class="plate-form-item">
                                    <!-- 下面是 中国银联、微信支付 的盒子、没做 -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 尾部信息 -->
                <div data-v-51f7b13e data-v-b87f26b6>
                    <div data-v-1d874237 data-v-51f7b13e class="copyright" data-v-b87f26b6>
                        <div data-v-1d874237>
                            <span data-v-1d874237 class="zuixiafangzitiyangshi">©&nbsp;2021 树懒商城版权所有</span>
                            <img data-v-1d874237 src="" alt="" class="copyright-img">
                            <span data-v-1d874237 class="zuixiafangzitiyangshi">由树懒商城提供技术支持</span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</body>
</html>
